<!DOCTYPE html>
<html style="min-height: 1000px;"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="UTF-8">
        <title>新增样衣库</title>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <!-- bootstrap 3.0.2 -->
        <link href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/bootstrap.css" rel="stylesheet" type="text/css">
        <!-- font Awesome -->
        <link href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/font-awesome.css" rel="stylesheet" type="text/css">
        <!-- Ionicons -->
        <link href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/ionicons.css" rel="stylesheet" type="text/css">
        <!-- Theme style -->
        <link href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/AdminLTE.css" rel="stylesheet" type="text/css">

        <link href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/myself.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/reset.css">
        <link rel="stylesheet" href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/pagination.css">
        <link type="text/css" href="http://139.224.191.23/scm/css/datepicker/datepicker3.css">
        <link href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/bootstrap-tagsinput.css" rel="stylesheet" type="text/css">
        <link href="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/bootstrap3-wysihtml5.css" rel="stylesheet" type="text/css">
    <style>.cke{visibility:hidden;}</style></head>
    <body class="skin-blue  pace-done" style="min-height: 1000px;"><div class="pace  pace-inactive"><div class="pace-progress" style="width: 100%;" data-progress-text="100%" data-progress="99">
  <div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>
        <!-- header logo: style can be found in header.less -->
        <!-- header logo: style can be found in header.less -->
<header class="header">
	<a href="http://139.224.191.23/index.html" class="logo"> <img src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/logo_03.jpg"> 后台管理系统
	</a>
	<!-- Header Navbar: style can be found in header.less -->
	<nav class="navbar navbar-static-top" role="navigation">
		<div class="navbar-right">
			<ul class="nav navbar-nav">
				<!-- Notifications: style can be found in dropdown.less -->
				<li class="dropdown notifications-menu" style="margin:0;">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
						<i class="iconfont"></i> 设置
					</a>
				</li>
				<!-- User Account: style can be found in dropdown.less -->
				<li class="dropdown user user-menu" style="margin:0;"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="glyphicon glyphicon-user"></i> <span><span id="name2">3dfsafttttt</span> <i class="caret"></i></span>
				</a>
					<ul class="dropdown-menu" style="padding: 0">

						<!-- User image -->
						<li class="user-header bg-light-blue">
							<ul class="pull-left" style="border:none;">
								<li id="email">账号：admin</li>
								<li id="name">姓名：3dfsafttttt</li>
								<li id="roleName">角色：设计总监</li>
							</ul>
						</li>
						<!-- Menu Footer-->
						<li class="user-footer">
							<div class="pull-left" style="border:none;">
								<a href="#" class="btn btn-default btn-flat change_btn">修改密码</a>
							</div>
							<div class="pull-right">
								<a id="exit" href="#" class="btn btn-default btn-flat">退出</a>
							</div>
						</li>
					</ul></li>
			</ul>
		</div>
	</nav>
</header>
<!--修改密码弹框-->
<img class="masking" src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/mask.jpg" style="display: none;">
<div class="change_pw" style="display: none;">
	<img id="close" class="pull-right change_delet" src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/close.png">
	<form id="passwordform" action="">
		<div class="old_pw">
			<div class="input-group">
				<span class="input-group-addon new_add">原密码</span> <input id="oldPassword" name="oldPassword" class="form-control" placeholder="请输入原密码" type="password">
			</div>
		</div>
		<div class="new_pw">
			<div class="input-group">
				<span class="input-group-addon">设置新密码</span> <input id="newPassword1" name="newPassword" class="form-control" placeholder="请输入新密码" type="password">
			</div>
			<div>密码由6~8位字母（字母区分大小写）和数字组成</div>
		</div>
		<div class="beSure_pw">
			<div class="input-group">
				<span class="input-group-addon">确认新密码</span> <input id="newPassword2" class="form-control" placeholder="请输入密码" type="password">
			</div>
			<div id="notSame">两次密码不一致</div>
		</div>
	</form>
	<div class="pull-right sure">
		<a id="updatePassword" href="#" class="btn btn-primary">确定</a> <a id="delete" href="#" class="btn btn-default">取消</a>
	</div>
</div>

<style type="text/css">
.user-header ul {
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
}

.user-header ul li {
	color: rgba(255, 255, 255, 0.8);
	text-align: left;
	margin-top: 20px;
	font-size: 17px;
	list-style: none;
}

.masking {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.3;
	z-index: 2;
}

.change_pw {
	width: 400px;
	height: 300px;
	background: white;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	z-index: 3;
	border: 1px solid #bbb;
}

.new_pw, .old_pw, .beSure_pw {
	margin-top: 20px;
	margin-left: 10px;
}

.old_pw {
	margin-top: 40px;
}

.new_pw div:nth-child(2) {
	font-size: 14px;
	margin-left: 20px;
	margin-top: 5px;
	color: red;
}

.beSure_pw div:nth-child(2) {
	display: none; font-size : 14px;
	margin-left: 20px;
	margin-top: 5px;
	color: red;
	font-size: 14px;
}

.old_pw div {
	margin-left: 25px;
}

.change_pw .input-group {
	width: 90%;
}

.change_pw .input-group:nth-child(1) {
	margin-left: 10px;
}

.new_add {
	padding: 6px 27px;
}

.sure {
	margin-right: 15px;
}

.sure a {
	margin: 20px 10px 0 0;
}

.change_delet {
	margin: 10px 10px 0 0;
}

#delete {
	cursor: pointer;
}
</style>

<script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/jquery.js" type="text/javascript"></script>

<script type="text/javascript">
	$('.masking').hide();
	$('.change_pw').hide();

	$('.change_btn').click(function() {
		$('.change_pw').show();
		$('.masking').show();
	});
	$('#delete').click(function() {
		$('.change_pw').hide();
		$('.masking').hide();
		$("#notSame").hide();
		$('#passwordform')[0].reset();
	});
	$('#close').click(function() {
		$('.change_pw').hide();
		$('.masking').hide();
		$("#notSame").hide();
		$('#passwordform')[0].reset();
	});
	$('#exit').click(function(){
		window.location.href="http://139.224.191.23/scm/logout";
	})
	$('#newPassword1').focus(function(){
		$("#notSame").hide();
	});
	$('#newPassword2').focus(function(){
		$("#notSame").hide();
	});
	$(function(){
		//向服务端获取当前用户基本信息
		var url="http://139.224.191.23/scm/sysuser/getUser";
		$.ajax({
			"url":url,
			"type":"get",
			"dataType":"json",
			"success":function(result){
				if(result.head.respCode=="0000000"){
					$('#name2').html(result.body.name);
					$('#email').html("账号："+result.body.email);
					$('#name').html("姓名："+result.body.name);
					var roleName="角色：";
					for(var i=0;i<result.body.roleName.length;i++){
						roleName+=result.body.roleName[i]+"、";
					}
					roleName=roleName.substring(0,roleName.length-1);
					$('#roleName').html(roleName);
				}
			},
			/* "error":function(result){
				if(result.head.respCode=="9999990"){
           		 	alert(result.body);
           		 }
			} */
		});
		//修改密码
		$('#updatePassword').click(function(){
			if($('#newPassword1').val()==""||$('#newPassword2').val()==""||$('#oldPassword').val()==""){
				alert("密码不能为空");
				return;
			}
			//两次密码不一致
			if($('#newPassword1').val()!=$('#newPassword2').val()){
				$("#notSame").show();
				return;
			}
			var formData = new FormData($('#passwordform')[0]);
			url="http://139.224.191.23/scm/sysuser/updatePassword";
			$.ajax({
				url: url,
				type: "post",
				data: formData,
				dataType: "json",
				async: false,  
	            cache: false,  
	            contentType: false,  
	            processData: false,
				success: function(result){
					if(result.head.respCode=="0000000"){
						alert(result.body);
						if(result.body=="密码修改成功"){
							window.location.href="http://139.224.191.23/scm/logout";
						}
						$('#passwordform')[0].reset();
					}
				},
				"error": function(result){
					if(result.head.respCode=="9999990"){
		           		 alert(result.body);
		           		$('#passwordform')[0].reset();
		           	}
				}
			});
		});
	})
</script>        <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 713px;">
            <!-- Left side column. contains the logo and sidebar -->
<aside class="left-side sidebar-offcanvas" style="min-height: 1000px;">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                     	<li class="active">
                            <a href="http://139.224.191.23/scm/designstore/index">
                                <i class="fa fa-th"></i> <span>工作台</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                        <li>
                            <a href="http://139.224.191.23/scm/designorder/list">
                                <i class="fa fa-th"></i> <span>设计订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/proofingorder/list">
                                <i class="fa fa-th"></i> <span>打样订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/productionorder/list">
                                <i class="fa fa-th"></i> <span>大货订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/hisgoryorder/list">
                                <i class="fa fa-th"></i> <span>历史订单</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/customer/list">
                                <i class="fa fa-th"></i> <span>客户管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/factory/list">
                                <i class="fa fa-th"></i> <span>工厂管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/designstore/list">
                                <i class="fa fa-th"></i> <span>设计库</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/sysuser/list">
                                <i class="fa fa-th"></i> <span>员工管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/operatelog/list">
                                <i class="fa fa-th"></i> <span>日志管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    	<li>
                            <a href="http://139.224.191.23/scm/sysrole/list">
                                <i class="fa fa-th"></i> <span>角色管理</span>
                                <i class="fa fa-angle-right pull-right"></i>
                            </a>
                        </li>
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>
            <!-- Right side column. Contains the navbar and content of the page -->
           <aside class="right-side">
           	<section class="content-header">
                <h1>新增样衣
                	<!--<small><a href="#">返回</a></small>-->
                </h1>
                
                <div class="clear"></div>
                <ol class="ol_left">
                    <li><a href="http://139.224.191.23/scm/designstore/list"> 样衣库</a></li>
                    <li>&gt; 新增样衣</li>
                </ol>
            </section>
            <section class="content">
            	<div class="row">
            		<div class="col-md-12">
                        <div class="box">
                            <div class="clearfix conter">
                                <span class="pull-left four-font">样衣图</span>
                                <div class="col-md-12 photo">
                                    <div class="col-md-4 col-md-offset-4  text-center">
                                        <span class="btn btn-primary shangchuan" id="file_upload"><input name="" type="button">点击上传款式图</span>
                                        <span>
                                            <p>建议尺寸：480*270px</p>
                                            <p>仅支持jpg、png、bmp格式</p>
                                        </span>
                                    </div>
                                    <div class="zhanshi">
                                        <!-- <img id="preview" /> -->
                                        <div class="zhanshi_find1">
                                            <div class="col-md-8 ">
                                                <img id="zhanshi_photo" src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/Design_draft_03.htm">
                                            </div>
                                            <div class="col-md-4">
                                                <!-- <span class="span_active">
                                                	<i class="fa fa-fw fa-times"></i>
                                                    <img src="../images/Design_draft_03.jpg">
                                                    <p style="display: block;">默认主图</p>
                                                </span> -->
                                               
                                                <a class="tianjia">
                                                    <img src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/tianjia.png">
                                                    <input name="" id="file_upload2" type="file">
                                                </a>
                                                <div class="clear"></div>
                                                <p>建议尺寸：480*270px</p>
                                               <p>仅支持jpg、png、bmp格式</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <div class=" custorm-view clearfix ">
                                 <span class="content-title-left four-font pull-left">样衣信息</span>
                            </div>
                            <div class="center">
                                <div class="style-chart clearfix">
                                    <div class=" find-row">
                                        <div class=" find-col">
                                            <span class="find_sp">季节款式</span>
                                            <div class="find_div find_div2 " style="border:none;">
                                                    <label for="anser"> <div class="icheckbox_minimal" style="position: relative;" aria-checked="false" aria-disabled="false"><input class="no" name="season" value="春款" style="position: absolute; opacity: 0;" type="checkbox"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>春款</label>
                                                    
                                                    <label for="anser"><div class="icheckbox_minimal" style="position: relative;" aria-checked="false" aria-disabled="false"><input class="no" name="season" value="夏款" style="position: absolute; opacity: 0;" type="checkbox"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>夏款</label>
                                                    
                                                    <label for="anser"><div class="icheckbox_minimal" style="position: relative;" aria-checked="false" aria-disabled="false"><input class="no" name="season" value="秋款" style="position: absolute; opacity: 0;" type="checkbox"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>秋款</label>
                                                    
                                                    <label for="anser"><div class="icheckbox_minimal checked" style="position: relative;" aria-checked="false" aria-disabled="false"><input class="no" name="season" value="冬款" style="position: absolute; opacity: 0;" checked="checked" type="checkbox"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>冬款</label>
                                            </div>
                                            <span class="find_sp">款式性别</span>
                                            <div class="find_div find_div2" style="border:none;">
                                                <form>
                                                   
                                                    <label for="anser" style="margin-right: 20px;"> <div class="iradio_minimal checked" style="position: relative;" aria-checked="false" aria-disabled="false"><input class="no" name="sex" value="男" style="position: absolute; opacity: 0;" checked="checked" type="radio"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>男</label>
                                                    
                                                    <label for="anser" class=""><div class="iradio_minimal" style="position: relative;" aria-checked="false" aria-disabled="false"><input class="no" name="sex" value="女" style="position: absolute; opacity: 0;" type="radio"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>女</label>
                                                    
                                                    <label for="anser"><div class="iradio_minimal" style="position: relative;" aria-checked="false" aria-disabled="false"><input class="no" name="sex" value="中性" style="position: absolute; opacity: 0;" type="radio"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div>中性</label>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                         <div class=" find-col">
                                            <span class="find_sp">样衣分类</span>
                                            <select class="find_div find_div2" id="category">
                                                <option value="" selected="selected">请选择</option>
                                            <option value="大衣">大衣</option><option value="外套">外套</option><option value="上衣">上衣</option></select>

                                            <span class="find_sp">来&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;源</span>
                                            <input class="find_div find_div2" id="source" placeholder="北京小黑裙有限公司" type="text">
                                        </div>
                                        <div class="clear"></div>
                                        <div class=" find-col">
                                            <span class="find_sp">风&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
                                            <div class="find_div bs-example">
                                                <div class="bootstrap-tagsinput"><input placeholder="" type="text"></div><input id="style" data-role="tagsinput" style="display: none;" type="text">
                                                <div class="find_div_xianshi">
                                                    <span>这里是提示</span>
                                                    <span>这里是提</span>
                                                    <span>这里是</span>
                                                    <span>这里</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                        <div class=" find-col">
                                        	<span class="find_sp">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</span>
                                            <textarea class="  find_div bs-example" id="memo"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          
                        
                               
                            <div class="padding">
                                <button type="button" id="add" class="btn btn-primary">确定新增</button>
                                <button type="button" id="give_up" class="btn btn-bule">放弃新增</button>
                            </div>    
                        </div>
            		</div>
            	</div>
            </section>
            </aside><!-- /.right-side -->

        </div><!-- ./wrapper -->
        <!-- jQuery 2.0.2 -->
        <style type="text/css">
        .custorm-view{
                border: none;
            }
        .clear{
            clear: both;
            width: 100%;
            height: 1px;

        }
        .beizhu{
            width: 91%;
            padding-left: 10px;
            line-height: 40px;
            margin-top: 20px;
            margin-left: 5%;
        }
        .find_sp{
            margin-bottom: 10px;
            padding: 0 10px;
            display: inline-block;
            font-weight: bold;
            float: left;
            padding-right: 5px;
            line-height: 30px;
        }
        .find_div{
            width: 86%;
            height: 90px;
            border:1px solid #ccc;
            float: left;
        }
        .ol_left{
            width: 100%;
            height: 30px;
            line-height: 30px;
            padding: 0;
            margin-bottom: 0;
        }
        .ol_left>li{
            float: left;
            margin-right: 5px; 
        }
        .six-font{
            font-size: 14px;
        }
        .six-font>span{
            font-size: 16px;
        }
     
        .pull-left {
            border-left: 6px solid #3882FF;
            padding: 0 5px;
        }
        .photo{
            height: 348px;
            max-height: 348px;
            border:1px solid #ccc;
            margin-top: 20px;
            margin-bottom: 20px;
            padding: 0;
        }
        .shangchuan{
            margin-top: 100px;
            position: relative;
            cursor: pointer;
            background: #fafafa;
            border: 1px solid #ddd;
            border-radius: 4px;
            overflow: hidden;
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }
        .shangchuan  input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer
        }
        .zhanshi{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            display: none;
            background-color: #fff;

        }
        .zhanshi_find1{
            widows: 96%;
            height: 96%;
            margin: 1% 2%;
        }
        .zhanshi_find1>.col-md-8{
            border:1px solid #ccc;
            height: 100%;
            padding: 0;
        }
        .zhanshi img{
            width: 100%;
            height: 100%;
            border-width: 0;
        }
        .zhanshi_find1>.col-md-4{padding: 0;}
        .zhanshi_find1>.col-md-4>span{
            width: 20%;
            height: 60px;
            display: inline-block;
            float: left;
            border:1px solid #ccc;
            cursor: pointer;
            margin:0 0 10px  10px;
            position: relative;
        }
        .span_active{
            border:2px solid #3882FF !important;
            box-shadow: 0 0 3px #3882ff;
        }
        .zhanshi_find1>.col-md-4>span>p{
            position: absolute;
            width: 100%;
            text-align: center;
            height: 20px;
            line-height: 20px;
            bottom: 0;
            font-size: 10px;
            background-color: #4f8aee;
            color: #fff;
            display: none;
        }
        .zhanshi_find1>.col-md-4>span>i{
           position: absolute;
           top: -3px;
           right: -7px;
           z-index: 9;
        }
        .tianjia{
            display: inline-block;
            width: 20%;
            height: 60px;
            display: inline-block;
            float: left;
            border:1px solid #ccc;
            cursor: pointer;
            margin:0 0 10px  10px;
            position: relative;
        }
        .tianjia  input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer;
            width:100%;
            height: 100%;
        }
        .shejixinxi{
            border:1px solid #ccc;
        }
        .bootstrap-tagsinput input {
		    width: 160px;
		}
       	.bootstrap-tagsinput{
        	border:none;
       	}
       	.bootstrap-tagsinput .tag{
	        margin-right: 2px;
	        color: #3882ff;
	        border: 1px solid;
	        border-radius: 0;
       	}
       	.label-info{
        	background-color: #fff;
       	}
       	.find_div2{
	        width: 40%;
	        height: 32px;
	        overflow: hidden;
	        float: left;
	        line-height: 26px;
       	}
       	.find_div_xianshi{
	        height: 30px;
	        line-height: 30px;
	        width: 100%;
	        position: absolute;
	        bottom: -28px;
	        z-index: 9;
	        border:1px solid #ccc;
	        background-color: #fff;
	        display: none;
       	}
       	.find_div_xianshi>span{
        	padding: 0 10px;
       	}
		.find_div{
            position: relative;
        }
        .find-row label {
		    padding: 0 5px;
		}
        </style>
        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/jquery.js"></script>
        <!-- Bootstrap -->
        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/bootstrap.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/demo.js" type="text/javascript"></script>   

        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/bootstrap-datepicker.js"></script>

        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/bootstrap-tagsinput.js"></script>

         <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/ckeditor_002.js" type="text/javascript"></script><script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/ckeditor.js" type="text/javascript"></script><script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/main.js" type="text/javascript" id="bdstat"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/bootstrap3-wysihtml5.js" type="text/javascript"></script>
        <script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/sampleStore_add.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                 $(function() {
                    // Replace the <textarea id="editor1"> with a CKEditor
                    // instance, using default configuration.
                    CKEDITOR.replace('editor1');
                    //bootstrap WYSIHTML5 - text editor
                    $(".textarea").wysihtml5();
                });
                $(function() {
                    // Replace the <textarea id="editor1"> with a CKEditor
                    // instance, using default configuration.
                    CKEDITOR.replace('editor2');
                    //bootstrap WYSIHTML5 - text editor
                    $(".textarea").wysihtml5();
                });




                $("#file_upload").click(function () {
                	$('#file_upload2').click();
                    /* $('.zhanshi').show();
                    
                    var $file = $(this);
                    var fileObj = $file[0];
                    var windowURL = window.URL || window.webkitURL;
                    var dataURL;
                    var $img = $("#zhanshi_photo");

                    if (fileObj && fileObj.files && fileObj.files[0]) {
                        dataURL = windowURL.createObjectURL(fileObj.files[0]);
                        $img.attr('src', dataURL);
                    } else {
                        dataURL = $file.val();
                        var imgObj = document.getElementById("zhanshi_photo");
                        // 两个坑:
                        // 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
                        // 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
                        imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                        imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;

                    }
                     
                     $('.span_active img').attr('src',dataURL);
                     $('.zhanshi_find1 .col-md-4 span i').click(function(){
                         $(this).parent().hide();
                         if($(this).next().next().css('display')=='block'){
                             $("#zhanshi_photo").attr('src',null);
                         }
                         return false;
                     }); */
                });

                $('#file_upload2').change(selectImage);
               
                function selectImage(){
                	$('.zhanshi').show();
                	
                    var $file = $(this);
                    var fileObj = $file[0];
                    var windowURL = window.URL || window.webkitURL;
                    var dataURL;
                    var $img = $("#zhanshi_photo");

                    if (fileObj && fileObj.files && fileObj.files[0]) {
                        dataURL = windowURL.createObjectURL(fileObj.files[0]);
                        $img.attr('src', dataURL);
                    } else {
                        dataURL = $file.val();
                        var imgObj = document.getElementById("zhanshi_photo");
                        // 两个坑:
                        // 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
                        // 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
                        imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                        imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;

                    }
                     var a=$('<span >'+'<i class="fa fa-fw fa-times"></i> <img src="'+dataURL+'">'+'  <p >默认主图</p>'+' </span> ');
                     // '+dataURL+'
					a.children('i').click(removeImage);
                    
                    $('.tianjia').before(a);
                    $('.tianjia').siblings().children('p').css('display','none');
                    a.children('p').css('display','block');
                    
                    $('.zhanshi_find1 .col-md-4 span').click(function(){
                        $(this).addClass('span_active');
                        $(this).siblings('span').removeClass('span_active');
                        $(this).find("p").show();
                        $(this).siblings('span').find("p").hide();
                        var src=$(this).find('img').attr('src');
                        $("#zhanshi_photo").attr("src",src);

                    })
					
                    var input=$('<input type="file" id="file_upload2"/>')
                    $(this).removeAttr('id').hide().after(input);
                    input.change(selectImage);
					if($(':file').length==6){
						$(this).parent().hide();
					}
					
                }
                
                 $('.zhanshi_find1 .col-md-4 span').click(function(){
                        $(this).addClass('span_active');
                        $(this).siblings('span').removeClass('span_active');
                        $(this).find("p").show();
                        $(this).siblings('span').find("p").hide();
                        var src=$(this).find('img').attr('src');
                        $("#zhanshi_photo").attr("src",src);

                    });
                 
        	});
            
            function removeImage(){
				$('.tianjia').show();
				var index=$('.zhanshi_find1 .col-md-4 span').index($(this).parent());
				$(this).parent().remove();
				$(':file').eq(index).remove();
                if($(this).next().next().css('display')=='block'){
                    $("#zhanshi_photo").attr('src',null);
                }
                return false;
            }
            

            
        </script>
        
    

<script src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/t.js" charset="utf-8"></script><div style="position: fixed; top: 150px; right: 0px; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; border-radius: 5px 0px 0px 5px; padding: 10px 15px; font-size: 16px; z-index: 999999; cursor: pointer; color: rgb(221, 221, 221);" class="no-print"><i class="fa fa-gear"></i></div><div style="padding: 10px; position: fixed; top: 130px; right: -200px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 3px solid rgba(0, 0, 0, 0.7); width: 200px; z-index: 999999;" class="no-print"><h4 style="margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;">Layout Options</h4><div class="form-group no-margin"><div class=".checkbox"><label><input onchange="change_layout();" type="checkbox"> Fixed layout</label></div></div><h4 style="margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;">Skins</h4><div class="form-group no-margin"><div class=".radio"><label><input name="skins" onchange='change_skin("skin-black");' type="radio"> Black</label></div></div><div class="form-group no-margin"><div class=".radio"><label><input name="skins" onchange='change_skin("skin-blue");' checked="checked" type="radio"> Blue<script type="text/javascript" src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/info.js"></script><script type="text/javascript" src="%E6%96%B0%E5%A2%9E%E6%A0%B7%E8%A1%A3%E5%BA%93_files/a.txt"></script></label></div></div></div></body></html>